<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>VideoPlayer</title>
    <script src="/web-container-base/plugins/scripts/jquery.min.js"></script>
    <script type="text/javascript" src="/web-container-base/js/common.js"></script>
    <script type="text/javascript" src="/web-container-base/js/base64.js"></script>
    <script type="text/javascript" src="/web-container-base/js/DocSys.js"></script>

    <!-- 
    <script src="static/DPlayer/DPlayer.min.js"></script>
    -->
    <!--
    <script src="static/video-js/video.min.js"></script>
    <link href="static/video-js/video-js.min.css" rel="stylesheet">
    -->
</head>
<body style="height: 100%; margin: 0;">
<div align=center style="margin-top:20px">
    <!--
    <div id="videoPlayer"></div>
    <video id="videoPlayer" class="video-js vjs-big-play-centered vjs-fluid"></video>
    -->
    <video id="videoPlayer" name="videoPlayer" src="" controls="controls"
           style="display:none;max-width:100%; max-height:100%;"></video>
</div>
<script type="text/javascript">
    var fileLink = getQueryString("fileLink");
    let uri = base64_decode(fileLink);
    showVideo(uri);

    function showVideo(fileLink) {
        $("#videoPlayer").show();
        $("#videoPlayer").attr('src', fileLink);
        //var type = getVideoTypeByFileSuffix(docInfo.fileSuffix);;
        //showVideoWithVideojs('videoPlayer', fileLink, type);
        //showVideoWithDPlayer('videoPlayer', fileLink);

    }
</script>
</body>
</html>